<template>
    <div :style="{ backgroundColor: obj.color, borderColor: obj.is ? '#000' : 'transparent' , }" class="yuan">

    </div>
</template>
<script setup>

import { toRefs, defineProps } from 'vue'
const props = defineProps({
    obj: Object,
})
const { obj } = toRefs(props)
</script>


<style scoped>
.yuan {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    border: 5px solid #000000;
}
</style>